@charset "utf-8";

/*1200-1500*/
@media all and (max-width:1500px) and (min-width:1500px){

}
/*900-1200*/
@media all and (max-width:1200px) and (min-width:900px){
	#header div.h-main div.h-m-nav ul.list1>li a{
		padding:23px 20px;
	}
     .c-part1{
        width: 1200px;
    }
	.part .warp{
		width:840px;
	}
}
/*~900*/
@media all and (max-width:900px){
	#header div.h-main div.h-m-nav ul.list1{
		display:none;
	}
	#header div.h-main div.h-m-nav ul.list2{
		display:block;	
	}
	#header{
		background:#ffffff;
		height:100px;
	}
	#header div.h-main div.h-m-logo{
		float:none;
		width:100%;
		height:45px;
	}
	#header div.h-main div.h-m-logo a{
		width:132px;
		height:37px;
		margin:0 auto;
		padding-top: 8px;
	}

	#header div.h-main div.h-m-nav ul.list2>li{
		float:left;	
		height:100%;
	}
	#header div.h-main div.h-m-nav{
		width:100%;
		height:55px;
	}
	#header div.h-main div.h-m-nav ul.list2>li>a{
		padding: 18px 42px;
	}	
	.part .warp{
		width:100%;
	}
	.part .warp .left{
		position: relative;
		top: 0;
		text-align: center;
		height: 120px;
		margin: 20px auto;
	}
	.part .warp .right{
		position: relative;
		width: 400px;
		height: 343px;
		margin: auto;
	}
	.right .tu img{
		width: 400px;
		height: 265px;
	}
	.right .quan img{
		width: 350px;
		height: 327px;
	}
	.c-part3 .app-text {
		text-align: center;
		margin: 20px auto;
		position: absolute;
		left: 0;
		right: 0;
	}
	.c-part3 .app-list {
		margin: 140px 0 0 100px;
	}
	.c-part3 .app-imgs {
		margin-top: 140px;
		margin-left: 104px;
	}
}
/*600-900*/
@media all and (max-width:900px) and (min-width:600px){
	#header div.h-main{
		width:600px;
	}
}
/*0~600*/
@media all and (max-width:600px){
	#header{
		min-width: 330px;
	}
	#header div.h-main{
		width:100%;
	}
	#header div.h-main div.h-m-nav ul.list2{
		width:320px;
	}
	#header div.h-main div.h-m-nav ul.list2>li>a{
		padding: 18px 19px;
	}
}